<template>
    <el-main>
        <el-main class="ep-body">
            <epl-top-bar :datas="{formData:form}" showPerson psTagType="PERSON_SIMPLE_GROUP"
                         personType="PERSON_ALL_EXACT">
            </epl-top-bar>
            <el-row :gutter="10">
                <epl-userGeneral dataType="person" idCount="9" colspan='9' :panel="panel" diff="1">
                </epl-userGeneral>
                <epl-userGeneral dataType="person" idCount="7" colspan='15' :panel1="panel1" diff="2">
                    <template slot-scope="scope">
                        <epl-userMessageItem title="当前待遇" :sum="form.sum.value">
                            <epl-column label="扣发总月数" :value="form.bac062.value"></epl-column>
                            <epl-column label="扣发总金额" :value="'￥'+form.bac063.value"></epl-column>
                        </epl-userMessageItem>
                    </template>
                </epl-userGeneral>
            </el-row>
            <el-card class="ep-card">
                <ep-title>请输入供养遗属待遇暂停信息</ep-title>
                <el-form :model="form" ref="form" :rules="rules">
                    <el-row :gutter="10">
                        <ep-select colspan="8" label="停发原因" name="aae160" :property="form.aae160" codetype="AAE160" placeholder="请选择停发原因"
                                  p="R" :datas="{formData:form}" rules="this.$rules.test_noBlank"></ep-select>
                        <ep-date colspan="8" label="停发开始年月" name="aae041" :property="form.aae041" isChange placeholder="请选择停发开始年月"
                                  p="R" format="yyyyMM" value-format="yyyyMM" rules="this.$rules.test_noBlank"
                                 :datas="{formData: form,panel:panel,panel1:panel1,tableData1:tableData1,tableData2:tableData2,tableData3:tableData3}"></ep-date>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-input colspan="8" label="扣发开始年月" name="bac061" :property="form.bac061" p="D"
                                  :datas="{formData:form}"></ep-input>
                        <ep-input colspan="8" label="扣发总月数" name="bac062" :property="form.bac062" p="D"
                                  :datas="{formData:form}"></ep-input>
                        <ep-input colspan="8" label="扣发总金额" name="bac063" :property="form.bac063" p="D"
                                  :datas="{formData:form}"></ep-input>
                    </el-row>
                    <el-row :gutter="10">
                        <ep-textarea :rows="3" colspan="24" label="备注" name="aae013" :property="form.aae013"
                                     placeholder="请输入备注" p="E" :datas="{formData:form}"></ep-textarea>
                    </el-row>
                    <el-row :gutter="10" v-show="show">
                        <ep-input colspan="6" label="人员ID" name="aac001" :property="form.aac001" p="H"
                                  :datas="{formData:form}"></ep-input>
                        <ep-input colspan="6" label="享受定期待遇人员id" name="aaz257" :property="form.aaz257" p="H"
                                  :datas="{formData:form}"></ep-input>
                        <ep-input colspan="6" label="人员参保关系id" name="aaz159" :property="form.aaz159" p="H"
                                  :datas="{formData:form}"></ep-input>
                        <ep-input colspan="6" label="人员社会保险明细id" name="aaz157" :property="form.aaz157" p="H"
                                  :datas="{formData:form}"></ep-input>
                        <ep-input colspan="6" label="保存标志" name="canSave" :property="form.canSave" p="H"
                                  :datas="{formData:form}"></ep-input>
                        <ep-input colspan="6" label="总金额" name="sum" :property="form.sum" p="H"
                                  :datas="{formData:form}"></ep-input>
                    </el-row>
                    <el-row type="flex" justify="center">
                        <ep-button id="cal" api="doQuery" type="primary" top="20" bottom="20"
                                   :datas="{formData: form,panel:panel,panel1:panel1,tableData1:tableData1,tableData2:tableData2,tableData3:tableData3}"
                                   name="计算"></ep-button>
                        <ep-saveButton id="doSave" type="primary" top="20" bottom="20" ref="save" @formValidate="formValidate" :validate="['form']"
                                   :datas="{formData: form,panel:panel,panel1:panel1,tableData1:tableData1,tableData2:tableData2,tableData3:tableData3}"></ep-saveButton>
                    </el-row>
                </el-form>
                <el-tabs v-model="activeName2" type="card">
                    <el-tab-pane label="供养遗属定期待遇明细" name="1">
                        <ep-table :data="tableData1" edited="true" :pager="20" :titleFilter="demo1">
                            <ep-table-column editor="text" name="aaa036" header="待遇项目" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="aaa037" header="待遇项目名称" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="aae019" header="金额" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="bac062" header="扣发月份" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="bac063" header="扣发金额" sortable="true"></ep-table-column>
                            <!--隐藏的列-->
                            <ep-table-column editor="text" width="30" name="aae041" header="停发开始年月" v-if="false"
                            ></ep-table-column>
                            <ep-table-column editor="text" width="30" name="aab301" header="行政区划代码" v-if="false"
                            ></ep-table-column>
                            <ep-table-column editor="text" width="30" name="aae140" header="险种类型" v-if="false"
                            ></ep-table-column>
                            <ep-table-column editor="text" width="30" name="aaa027" header="统筹区编码" v-if="false"
                            ></ep-table-column>
                        </ep-table>
                    </el-tab-pane>
                    <el-tab-pane label="供养遗属待遇扣发明细" name="2">
                        <ep-table :data="tableData2" :pager="20" :titleFilter="demo2">
                            <ep-table-column editor="text" name="aaa036" header="待遇项目" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="aaa037" header="待遇项目名称" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="aae003" header="对应所属期" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="aae019" header="扣发金额" sortable="true"></ep-table-column>
                        </ep-table>
                    </el-tab-pane>
                    <el-tab-pane label="历史发放情况" name="3">
                        <ep-table :data="tableData3" :pager="20" rowDbClick :titleFilter="demo3">
                            <ep-table-column editor="text" name="aae002" header="所属期" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="aae003" header="对应所属期" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="innerSum" header="统筹内支付金额" sortable="true"></ep-table-column>
                            <ep-table-column editor="text" name="outerSum" header="统筹外支付金额" sortable="true"></ep-table-column>
                        </ep-table>
                    </el-tab-pane>
                </el-tabs>
            </el-card>
        </el-main>
    </el-main>
</template>

<script src="../js/DependantsStatusPauseJS.js"></script>
